@import 'constant';
@import 'utils';

a{
    color: inherit;
    text-decoration: none !important;
}
.main{
    margin-top: 50px;
    .container{
        h1{
            padding-left: 1.3vw;
            border-left: 0.5vw solid @primaryColor;
            margin-bottom: 2.3vw;
            font-size: 3vw;
        }
        .main-middle{
            .middle-top{
                display: flex;
                justify-content: space-between;
                margin-bottom: 2vw;
                div:nth-child(1){
                    display: flex;
                    align-items: center;
                    img{
                        height: 5.5vw;
                        margin-right: 1.5vw;
                    }
                    div{
                        :nth-child(1){
                            font-size: 2vw;
                            margin-bottom: 0px !important;
                        }
                        :nth-child(2){
                            color: gray ;
                            font-size:1vw;
                        }
                    }

                }
                div:nth-child(2){
                    a{
                        display: block;
                        width: 7.5vw;
                    }
                }
            }
            .middle-img{
                padding: 0 10vw;
                img{
                    height: 100%;
                    width: 100%;
                }
            }
            .middle-bottom{
                
                p{
                    margin-top: 1vw;
                    margin-bottom: 5vw;
                }
                textarea{
                    outline: none !important;
                    resize: none;
                    margin-bottom: 2vw;
                }
                a{
                    border-radius: 60px;
                    border:none;
                    background-color:  @primaryColor;
                    margin-left: calc(100% - 100px);
                }
            }
        }
        .main-bottom{
            hr{
                margin-left: 7vw;
            }
            h3{
                border-left: 0.5vw solid orangered;
                padding-left: 1.3vw;
            }
            .comment{
                display: flex;
                justify-content: space-between;
                margin-top: 2vw;
                a{
                    color:  gray;
                    margin-top: 5vw;
                }
                .comment-content{
                    display: flex;
                    img{
                        height: 5.5vw;
                        margin-right: 1.5vw;
                    }
                    div{
                        :nth-child(1){
                            font-size: 2vw;
                            margin-bottom: 0px !important;
                        }
                        :nth-child(2){
                            color: gray ;
                            font-size:1vw;
                        }
                        :nth-child(3){
                            font-size: 2vw;
                        }
                    }
                }
            }
            
        }
        
    }
}